<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<link href="favicon.ico" rel="shortcut icon" type="images/x-icon" />
	<!-- 引入css初始化文件 -->
	<link href="css/normalize.css" rel="stylesheet" />
	<!-- 头部、底部结构基本相同，做基本公共样式 -->
	<link href="css/base.css" rel="stylesheet" />
	<link href="css/index.css" rel="stylesheet" />
	<title>
		京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！
	</title>
	<meta content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"
		name="description">
	<meta content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" name="Keywords">
	</meta>
	</meta>
	</meta>
</head>

<body>
	<!-- header部分开始 -->
	<header>
		<div class="w">
			<a href="#">
				<img alt="" height="80" src="images/header.jpg" width="1195">
				</img>
			</a>
		</div>
	</header>
	<!-- header部分结束 -->
	<!-- 快速导航栏部分开始 -->
	<div class="shortcut">
		<div class="w">
			<ul class="fl city">
				<li>
					<i class="f10">
						
					</i>
					<a href="#">
						湖南
					</a>
				</li>
			</ul>
			<ul class="fr">
				<li>
					<a href="#">
						你好,请登录
					</a>
					<a class="f10" href="#">
						免费注册
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						我的订单
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						我的京东
					</a>
					<i>
						
					</i>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						京东会员
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						企业采购
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						客户服务
					</a>
					<i>
						
					</i>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						网站导航
					</a>
					<i>
						
					</i>
				</li>
				<li class="space">
				</li>
				<li>
					<a class="mobile" href="#">
						手机京东
						<img alt="" heighe="60" src="images/mobile.png" width="60">
						</img>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 快速导航栏部分结束 -->
	<!-- 中间顶部开始 -->
	<div class="w middle">
		<div class="logo">
			<h1>
				<!-- 提高权重 便利于搜索引擎优化 -->
				<a href="#">
				</a>
			</h1>
		</div>
		<!-- 搜索 -->
		<div>
			<div class="form">
				<input name="" placeholder="AOC显示器" type="text">
				<button>
					<i>
						
					</i>
				</button>
				</input>
			</div>
		</div>
		<!-- 购物车 -->
		<div>
			<div class="shopCar f10">
				<i>
					
				</i>
				<a class="f10" href="#">
					我的购物车
				</a>
				<span>
					0
				</span>
			</div>
		</div>
		<!-- 关键词 -->
		<div class="hotwords">
			<a class="f10" href="#">
				199减100
			</a>
			<a href="#">
				鼠标试用
			</a>
			<a href="#">
				农资7折
			</a>
			<a href="#">
				低至29元
			</a>
			<a href="#">
				抽奖赢空调
			</a>
			<a href="#">
				记忆棉
			</a>
			<a href="#">
				坐垫
			</a>
			<a href="#">
				1分钱买油
			</a>
			<a href="#">
				智能手表
			</a>
		</div>
		<!-- 小导航部分 -->
		<div class="navitems">
			<ul>
				<li>
					<a href="#">
						秒杀
					</a>
				</li>
				<li>
					<a href="#">
						优惠券
					</a>
				</li>
				<li>
					<a href="#">
						闪购
					</a>
				</li>
				<li>
					<a href="#">
						拍卖
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						服装城
					</a>
				</li>
				<li>
					<a href="#">
						京东超市
					</a>
				</li>
				<li>
					<a href="#">
						生鲜
					</a>
				</li>
				<li>
					<a href="#">
						全球购
					</a>
				</li>
				<li class="space">
				</li>
				<li>
					<a href="#">
						京东金融
					</a>
				</li>
			</ul>
		</div>
		<!-- 超級日部分 -->
		<div class="super">
			<a href="#">
				<img alt="" height="40" src="images/super.png" width="190" />
			</a>
		</div>
	</div>

	<!-- 中间分类区域开始 -->
	<div class="w grid">
		<div class="grid-col1 fl">
			<div class="ad">
				<img src="images/ad-l.png" height="480" width="250" alt="">
				<div class="ad-r"></div>
			</div>
			<ul>
				<li><a href="#">家用电器</a></li>
				<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">电脑</a>/<a href="#">办公</a></li>
				<li><a href="#">家装</a>/<a href="#">家具</a>/<a href="#">厨具</a></li>
				<li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a></li>
				<li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
				<li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
				<li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
				<li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
				<li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
				<li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li>
				<li><a href="#">艺术品</a>/<a href="#">农资</a>/<a href="#">鲜花绿植</a></li>
				<li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
				<li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">教育</a>/<a href="#">电子书</a></li>
				<li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
				<li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
				<li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a>/<a href="#">二手</a></li>
				<li><a href="#">工艺品</a></li>
			</ul>
		</div>
		<div class="grid-col2 fl">
			<div class="grid-col2-t">
				<a href="#"><img src="images/banner.jpg" width="790" height="370" alt=""></a>
				<a href="#" class="arrow-l">
					<</a> <a href="#" class="arrow-r">>
				</a>
				<ul class="circle">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="grid-col2-b">
				<div>
					<img src="images/l.jpg" width="390" height="160" alt="">
				</div>
				<div>
					<img src="images/r.jpg" width="390" height="160" alt="">
				</div>
			</div>
		</div>
		<div class="grid-col3 fr">
			<!-- 登录模块 -->
			<div class="login">
				<div class="login-t">
					Hi，欢迎来到京东<br />
					<a href="#">登录</a>
					<span>|</span>
					<a href="#">注册</a>
					<a href="#" class="user-info">
						<img src="images/no_login.jpg">
					</a>
				</div>
				<div class="login-b">
					<a href="#">新人福利</a>
					<a href="#" class="member">PLUS会员</a>
				</div>
			</div>
			<!-- 新闻模块 -->
			<div class="news">
				<div class="news-t">
					<a href="#" class="cuxiao">促销</a>
					<a href="#" class="notice">公告</a>
					<a href="#" class="more">更多</a>
				</div>
				<div class="news-b">
					<ul>
						<li><a href="#">益生菌领券满399减200</a></li>
						<li><a href="#">益生菌领券满399减200</a></li>
						<li><a href="#">益生菌领券满399减200</a></li>
					</ul>
				</div>
			</div>
			<!-- 服务扩展模块 -->
			<div class="expand">
				<ul>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>机票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>酒店</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>游戏</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>企业购</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>电影票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>火车票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>众筹</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>理财</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>礼品卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>白条</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 中间分类结束 -->

	<!-- 页面底部分 start -->
	<footer>
		<!-- 服务模块 -->
		<div class="service">
			<div class="w">
				<ul>
					<li>
						<h5>
							多
						</h5>
						<p>
							品类齐全，轻松购物
						</p>
					</li>
					<li>
						<h5>
							快
						</h5>
						<p>
							多仓直发，极速配送
						</p>
					</li>
					<li>
						<h5>
							好
						</h5>
						<p>
							正品行货，精致服务
						</p>
					</li>
					<li>
						<h5>
							省
						</h5>
						<p>
							天天低价，畅选无忧
						</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 自助模块 -->
		<div class="w help">
			<div class="fl">
				<dl>
					<dt>
						购物指南
					</dt>
					<dd>
						<a href="#">
							购物流程
						</a>
					</dd>
					<dd>
						<a href="#">
							会员介绍
						</a>
					</dd>
					<dd>
						<a href="#">
							生活旅行
						</a>
					</dd>
					<dd>
						<a href="#">
							常见问题
						</a>
					</dd>
					<dd>
						<a href="#">
							大家电
						</a>
					</dd>
					<dd>
						<a href="#">
							联系客服
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						配送方式
					</dt>
					<dd>
						<a href="#">
							上门自提
						</a>
					</dd>
					<dd>
						<a href="#">
							211限时达
						</a>
					</dd>
					<dd>
						<a href="#">
							配送服务查询
						</a>
					</dd>
					<dd>
						<a href="#">
							配送费收取标准
						</a>
					</dd>
					<dd>
						<a href="#">
							海外配送
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						支付方式
					</dt>
					<dd>
						<a href="#">
							货到付款
						</a>
					</dd>
					<dd>
						<a href="#">
							在线支付
						</a>
					</dd>
					<dd>
						<a href="#">
							分期付款
						</a>
					</dd>
					<dd>
						<a href="#">
							公司转账
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						售货服务
					</dt>
					<dd>
						<a href="#">
							售后政策
						</a>
					</dd>
					<dd>
						<a href="#">
							价格保护
						</a>
					</dd>
					<dd>
						<a href="#">
							退款说明
						</a>
					</dd>
					<dd>
						<a href="#">
							返修/退换货
						</a>
					</dd>
					<dd>
						<a href="#">
							取消订单
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						特色服务
					</dt>
					<dd>
						<a href="#">
							夺宝岛
						</a>
					</dd>
					<dd>
						<a href="#">
							DIY装机
						</a>
					</dd>
					<dd>
						<a href="#">
							延保服务
						</a>
					</dd>
					<dd>
						<a href="#">
							京东E卡
						</a>
					</dd>
					<dd>
						<a href="#">
							京东通信
						</a>
					</dd>
					<dd>
						<a href="#">
							京鱼座智能
						</a>
					</dd>
				</dl>
			</div>
			<div class="fr coverage">
				<h5>
					京东自营覆盖区县
				</h5>
				<p>
					京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
				</p>
				<a href="#">
					查看详情 >
				</a>
			</div>
		</div>
		<!-- 版权部分 -->
		<div class="copyright">
			<p>
				<a href="#">
					关于我们
				</a>
				<span>
					|
				</span>
				<a href="#">
					联系我们
				</a>
				<span>
					|
				</span>
				<a href="#">
					联系客服
				</a>
				<span>
					|
				</span>
				<a href="#">
					合作招商
				</a>
				<span>
					|
				</span>
				<a href="#">
					商家帮助
				</a>
				<span>
					|
				</span>
				<a href="#">
					营销中心
				</a>
				<span>
					|
				</span>
				<a href="#">
					手机京东
				</a>
				<span>
					|
				</span>
				<a href="#">
					友情链接
				</a>
				<span>
					|
				</span>
				<a href="#">
					销售联盟
				</a>
				<span>
					|
				</span>
				<a href="#">
					京东社区
				</a>
				<span>
					|
				</span>
				<a href="#">
					风险监测
				</a>
				<span>
					|
				</span>
				<a href="#">
					隐私政策
				</a>
				<span>
					|
				</span>
				<a href="#">
					京东公益
				</a>
				<span>
					|
				</span>
				<a href="#">
					English Site
				</a>
				<span>
					|
				</span>
				<a href="#">
					Media & IR
				</a>
				<span>
					|
				</span>
			</p>
			<div class="cert">
				<p>
					京公网安备 11000002000088号
					<span>
						|
					</span>
					京ICP证070359号
					<span>
						|
					</span>
					互联网药品信息服务资格证编号(京)-经营性-2014-0008
					<span>
						|
					</span>
					新出发京零 字第大120007号
				</p>
				<p>
					互联网出版许可证编号新出网证(京)字150号
					<span>
						|
					</span>
					出版物经营许可证
					<span>
						|
					</span>
					网络文化经营许可证京网文[2014]2148-348号
					<span>
						|
					</span>
					违法和不良信息举报电话：4006561155
				</p>
				<p>
					Copyright © 2004 - 2020 京东JD.com 版权所有
					<span>
						|
					</span>
					消费者维权热线：4006067733经营证照
					<span>
						|
					</span>
					(京)网械平台备字(2018)第00003号
					<span>
						|
					</span>
					营业执照
				</p>
			</div>
			<p class="foot-icon">
				<a href="#">
				</a>
				<a href="#">
				</a>
				<a href="#">
				</a>
				<a href="#">
				</a>
				<a href="#">
				</a>
				<a href="#">
				</a>
			</p>
		</div>
	</footer>
</body>

</html>